.app-wrapper
  position relative
  width 100%
  height 100%

.app-navbar-header
  display flex
  height 100%
  align-items center
  justify-content space-between

.app-navbar
  height 50px
  z-index 1
  box-shadow 0 1px 4px rgba(0, 21, 41, 8%)

.app-navbar-menu
  display flex
  align-items center
  list-style none
  padding-right 20px
  &__item
    display block
    margin 0 4px
    font-size 14px
    color #5a5e66

.app-hamburger
  display flex
  align-items center
  height 100%
  transition background 0.3s
  cursor pointer
  padding 0 20px

  &--is-active
    transform rotate(180deg)

  &:hover
    background rgba(0, 0, 0, 0.025)

.app-sidebar
  background-color #304156

.main-container
  background-color #f4f7fa
